<style>
    .centerPayment-panel .table01 {
        border-collapse: collapse;
        width: 100%
    }

    .centerPayment-panel .table01 tr th,
    .centerPayment-panel .table01 tr td {
        border: 1px solid #c5c5c5;
        line-height: 30px;
    }

    .centerPayment-panel .table01 tr th {
        border-top: 4px solid #2590f1;
        background: #daeeff;
    }

    .centerPayment-panel .table02 {
        width: 100%;
        background: #f0f8ff;
    }

    .centerPayment-panel .table02 tr th,
    .centerPayment-panel .table02 tr td {
        border: none;
        text-align: center;
    }

    .centerPayment-panel .pay-hint {
        margin: 10px 0;
        text-align: left;
    }

    .centerPayment-panel .pay-result {
        margin: 10px;
        width: 100%;
    }

    .centerPayment-panel .pay-result .data {
        display: inline-block;
        font-size: 16px
    }

    .centerPayment-panel .pay-result .btn {
        display: inline-block;
        background: #2590f1;
        border-radius: 4px;
        width: 80px;
        height: 30px;
        text-align: center;
        color: #fff;
        border: none;
        cursor: pointer;
    }
    .centerPayment-panel .pay-pic{
        width: 100%;
        height: auto;
        float: left;
    }
    .centerPayment-panel .pay-pic p{
        line-height:20px;
        color:#fff;
    }
    .centerPayment-panel .pay-pic img{
        position:absolute;
        top:0;
        z-index:1;
        border:none;
    }
    .centerPayment-panel .picList{
        width:375px;
        display:inline-block;
        height:200px;
        margin:1%;
        overflow:hidden;
        position:relative;
    }
    .centerPayment-panel .picInfo{
        position:absolute;
        z-index:2;
        width:100%;
    }
</style>
<div class="hint-content centerPayment-panel" style="width:100%;height:100%;" id="cent_payment_edit">
    <div class="layerTitle left" style="float:left"><span>缴费信息</span></div>
    <div class="pay-hint" id="daojs">请尽在2分钟内完成支付，否则需要重新计费，支付剩余时间
        <span class="mini" style="color: orangered">00</span>分
        <span class="sec" style="color: orangered">00</span>秒
    </div>
    <table class="table01" id="orderTable">
        <thead>
        <tr>
            <th></th>
            <th>序号</th>
            <th>所属分区</th>
            <th>停车时长</th>
            <th>订单状态</th>
        </tr>
        </thead>
        <tbody>
        </tbody>
    </table>
    <div class="pay-result">
        <div style="display:inline-block; width:110px;"><input id="vehicleType" data-bind="value:vehicleType" style="width:100px"/></div>
        <div style="width:calc(100% - 300px); display: inline-block;">
            <div id="svcInfo" style="display: none;float:left;margin-top:2px;margin-right:10px;">
                <label style="margin-right:10px">储值客户：<span id="svcName"></span></label>
                <label>卡内余额：<span id="svcMoney" class="fontRed"></span></label>
            </div>
            <div class="data"><span>已支付：</span><span style="margin-right:10px" class="fontRed" id="areadyCharge"></span>&nbsp;<span id="csbj">未支付：</span><span class="fontRed" id="chargeMoney"></span></div>
        </div>
        <div style="width:180px;display:inline-block">
            <button class="btn" data-bind="click:checkCharge" id="checkBtn">获取缴费</button>
            <button class="btn" data-bind="click:chargePay" id="chargeBtn">立即结算</button>
        </div>
    </div>
    <div class="layerTitle left" style="float:left"><span>图片信息</span></div>
    <div class="pay-pic">
    </div>
</div>
<script type="text/javascript" src="views/parkLotCenter/managerCenter/js/centralPayment.js"></script>
<!-- tab切换 -->
<script>
    var payMentEdit = new PayMentEdit(
        $('#cent_payment_edit'));

</script>